<template>
	<div>
		<el-row>
			<el-col :span="4" class="table-cell-title">累计消费金额</el-col>
			<el-col :span="4" class="table-cell-title">总订单数量</el-col>
			<el-col :span="4" class="table-cell-title">优惠券数量</el-col>
			<el-col :span="4" class="table-cell-title">评论数量</el-col>
			<el-col :span="4" class="table-cell-title">登录次数</el-col>
			<el-col :span="4" class="table-cell-title">收藏商品数量</el-col>
		</el-row>
		<el-row>
			<el-col :span="4" class="table-cell">{{statisticsInfo.consumePrice}}</el-col>
			<el-col :span="4" class="table-cell">{{statisticsInfo.totalOrderCount}}</el-col>
			<el-col :span="4" class="table-cell">{{statisticsInfo.couponCount}}</el-col>
			<el-col :span="4" class="table-cell">{{statisticsInfo.commentCount}}</el-col>
			<el-col :span="4" class="table-cell">{{statisticsInfo.loginCount}}</el-col>
			<el-col :span="4" class="table-cell">{{statisticsInfo.collectProductCount}}</el-col>
		</el-row>
		<el-row>
			<el-col :span="4" class="table-cell-title">秒杀订单数量</el-col>
			<el-col :span="4" class="table-cell-title">兑换订单数量</el-col>
			<el-col :span="4" class="table-cell-title">充值订单数量</el-col>
			<el-col :span="4" class="table-cell-title">拼团订单数量</el-col>
			<el-col :span="4" class="table-cell-title">常规订单数量</el-col>
			<el-col :span="4" class="table-cell-title">最后下单时间</el-col>
		</el-row>
		<el-row>
			<el-col :span="4" class="table-cell">{{statisticsInfo.seckillOrderCount}}</el-col>
			<el-col :span="4" class="table-cell">{{statisticsInfo.exchangeOrderCount}}</el-col>
			<el-col :span="4" class="table-cell">{{statisticsInfo.rechargeOrderCount}}</el-col>
			<el-col :span="4" class="table-cell">{{statisticsInfo.assembleOrderCount}}</el-col>
			<el-col :span="4" class="table-cell">{{statisticsInfo.normalOrderCount}}</el-col>
			<el-col :span="4" class="table-cell">{{statisticsInfo.recentOrderTime == null ? 'N/A':memberStatisticsInfoDetail.recentOrderTime}}</el-col>
		</el-row>
	</div>
</template>

<script>
import { findMemberStatisticsInfoDetail} from '@/api/crm/member'
export default{
	props: {
		memberCode: String,
	},
	data(){
		return{
			userCode:this.memberCode,
			statisticsInfo:{}
		}
	},
	created() {
		this.getData()
	},
	methods:{
		getData(){
			findMemberStatisticsInfoDetail(this.memberCode).then(res =>{
				console.log(res)
				this.statisticsInfo = res.data.responseData
			})
		}
	}
}
</script>

<style>
.table-cell {
	height: 60px;
	line-height: 40px;
	border-right: 1px solid #DCDFE6;
	border-bottom: 1px solid #DCDFE6;
	padding: 10px;
	font-size: 14px;
	color: #606266;
	text-align: center;
	overflow: hidden;
}

.table-cell-title {
	border-right: 1px solid #DCDFE6;
	border-bottom: 1px solid #DCDFE6;
	padding: 10px;
	background: #F2F6FC;
	text-align: center;
	font-size: 14px;
	color: #303133;
}
</style>
